<template>
    <div>
        <ul>
            <!-- 给第一个li元素添加active类名 -->

            <!-- 点谁，谁就添加active类名，其他的没有（排他） -->
            <li class ="item" :class="{active:index===0}" v-for="(item, index) in arr" :key="index">
                {{ item }} ---- {{ index }}
            </li>
        </ul> 


        <button @click="fff" :class="color" class="abc">点我看看</button>   
    </div>
</template>
<script>
export default {
  data() {
    return {
      arr: [1, 2, 3]
    };
  }
};
</script>
<style>
</style>